<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>添加权限组名单</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="yinqi">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <!--对话框-->
    <link rel="stylesheet" href="/js/jconfirm/jquery-confirm.min.css">
    <!-- 组织树 -->
    <link rel="stylesheet" href="/css/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/css/permissionManager/addPermissionGroup.css" />
</head>

<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-lg-12">
            <div class="card" style="overflow: auto;">
                <div class="card-header-table clearfix">
                    <div class="container" style="padding:30px;display: flex;flex-direction: column;">
                        <form class="form-horizontal" name="saveJobPostingForm" >
                            <input type="hidden" id="sysType" name="sysType"/>
                            <div class="form-group">
                                <label class="col-sm-1 left-lable-four control-label" style="width: 100px;margin-left: -14px;">权限组名称</label>
                                <div class="col-sm-10 left-mar-right">
                                    <input style="width: 800px;" type="text" id="permissionGroupName" name="permissionGroupName" class="form-control" placeholder="请输入权限组名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 left-lable-four control-label" style="width: 100px;margin-left: -14px;">备注信息</label>
                                <div class="col-sm-10 left-mar-right">
                                    <textarea class="form-control" id="remark" name="remark" rows="4" style="width: 800px;"></textarea>
                                </div>
                            </div>
                        </form>
                        <div class="title" style="text-align: left;margin-top: 20px;font-weight: bold;">系统权限</div>

                        <!--系统tab页签-->
                        <div class="tab-box">
                            <div class="pill-item active reserve" onclick="changeSysTab(1)">CRM系统</div>
                            <div class="pill-item interview" onclick="changeSysTab(2)">OA系统</div>
                        </div>

                        <!--crm系统-->
                        <div id="CRM" style="display: flex;">
                            <div class="management">
                                <div style="margin-right: 60px;">管理模块</div>
                                <div>
                                    <ul id="crmManagementModuleTree" class="ztree"></ul>
                                </div>
                            </div>
                            <div class="custom">
                                <div style="margin-right: 60px;">用户模块</div>
                                <div>
                                     <ul id="crmUserModuleTree" class="ztree"></ul>
                                </div>
                            </div>
                        </div>

                        <!--oa系统-->
                        <div id="OA" style="display: flex;flex-flow: row nowrap;">
                            <div class="management">
                                <div style="margin-right: 30px;">管理模块</div>
                                <div>
                                    <ul id="oaManagementModuleTree" class="ztree"></ul>
                                </div>
                            </div>
                            <div class="custom">
                                <div style="margin-right: 60px;">用户模块</div>
                                <div>
                                    <ul id="oaUserModuleTree" class="ztree"></ul>
                                </div>
                            </div>
                        </div>
                        <div style="margin-left: 50%;transform: translateX(-50%);display: flex;justify-content: center;">
                            <button class="btn btn-primary" type="button" style="margin-right: 30px;" onclick="addPermissionGroupTab()">提交</button>
                            <button class="btn btn-default" onclick="cancelPermissionGroup()">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<!-- ztree -->
<script type="text/javascript" src="/js/crm/jquery.ztree.all.min.js"></script>
<!--<script type="text/javascript" src="/js/oa/jquery.ztree.core.js"></script>-->
<!--<script type="text/javascript" src="/js/oa/jquery.ztree.excheck.js"></script>-->
<!--对话框-->
<script src="/js/jconfirm/jquery-confirm.min.js"></script>
<!--自定义js-->
<script type="text/javascript" src="/js/crm/permissionManager/addPermissionGroup.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
</body>
</html>
